﻿body {width:640px; font:12px Arial, Helvetica, sans-serif; padding:0; margin:0;}
h1 {font:bold 30px Arial, Helvetica, sans-serif; line-height:15px;}
h3 {text-align:left;}
#header {width:350px; height:50px; padding-left:50px; background:white url(../Ressources/IMG/logo.jpg) no-repeat; float:left; margin:0;}
#pubprinc {width:240px; height:50px; float:left; margin:0; background:blue;}
#info {width:638px; height:19px; float:left; margin:0; background:url(../Ressources/IMG/info_bar.jpg) repeat-x; border:1px solid #404040; line-height:19px;}
.variable {color:blue;}
#credits {float:left; padding-left:10px;}
#nbvotes {float:right; padding-right:10px;}

div.menu ul {list-style:none; float:left; height:40px; margin:0; padding:0;}
 div.menu ul a span {width:140px; height:39px; display:block; margin-left:10px;}
 div.menu ul a:hover {font-weight:bold;}
 div.menu ul li {float:left;width:160px; height:57px; background:url(../Ressources/IMG/menu_button.jpg) no-repeat; text-align:center; line-height:39px; font-size:14px;}
  div.menu ul li.selected {background:url(../Ressources/IMG/menu_button-selected.jpg) no-repeat; color:white;}
  
.cleaner {clear:both;}
#mainform {width:302px; margin:0 auto; border:1px solid #404040; text-align:center; padding:20px 18px;}
h2 { font:bold 30px Arial, Helvetica, sans-serif; line-height:30px; margin:0 0 10px 0;}
.bigavatar {max-height:100px; max-width:170px; border:1px solid #404040; margin:0 0 10px 0;}
#notationbar {width:300px; height:20px; background:url(../Ressources/IMG/notation_bar.jpg); border:1px solid #404040;}
#notationbar_shadow {width:302px; height:9px; background:url(../Ressources/IMG/notation_bar_shadow.jpg) repeat-x;}
#label {width:300px; height:20px; line-height:20px;}
#caracteristiques {height:122px; width:302px; position:relative;}
 #caracteristiques ul {list-style:none; margin:O; padding:0;}
  #caracteristiques ul li#principale {font-size:20px; float:left; height:122px; line-height:120px; position: absolute; top:0; left:0;}
  #caracteristiques ul li#secondaire {font-size:16px; float:right; height:61px; line-height:60px; position:absolute; top:0; right:0;}
  #caracteristiques ul li#tertiaire {font-size:12px; float:right; height:61px; line-height:60px; position:absolute; bottom:0; right:0;}
.textarea {width:296px; max-width:296px; margin-bottom:10px;}
input.save {width:170px; height:20px; border:1px solid #404040; background:url(../Ressources/IMG/save_button.jpg);}
a {padding:0; margin:0; color:black; text-decoration:none;}

#mainlist {width:450px; margin:0 auto; text-align:center;}
	#mainlist input[type="button"] {border:1px solid #404040; background:url(../Ressources/IMG/button.jpg); width:142px; height:20px; margin:0 8px 10px;}
	.buttonPage {border:1px solid #404040; background:url(../Ressources/IMG/button.jpg); width:142px; height:20px; margin:0 8px 10px;}
	#mainlist input[type="text"] {width:300px; height:20px; border:1px solid #404040; margin-bottom:10px;}
	#mainlist ul#alphalist {list-style:none; width:450px; margin:0; padding:0; text-align:left; max-height:700px; /*overflow-y:hidden;*/ border-bottom:1px solid #404040;}
		#mainlist ul#alphalist li.letter {background:url(../Ressources/IMG/delimiter.jpg) no-repeat scroll 74px 32px;}
			#mainlist ul#alphalist li.letter .letter {height:50px; width:50px; text-align:center; display:block; line-height:50px; font:bold 50px Arial, Helvetica, sans-serif; color:#bfbfbf;}
		#mainlist ul#alphalist li {margin:0; padding:4px; height:50px; position:relative;}
			#mainlist ul#alphalist li img {border:1px solid #404040; margin-right:19px; width:50px; height:50px}
			#mainlist ul#alphalist li .name {font:bold 14px Arial, Helvetica, sans-serif; position:absolute; top:7px;}
			#mainlist ul#alphalist li .info {position:absolute; bottom:7px;}
			
.ImgButton {border:1px solid #404040; margin-right:19px; width:50px; height:50px;}
.notationbutton {background:none; width:60px; height:20px; float:left; border:none;}
.principalimage {border:1px solid #404040; margin-bottom:-50px; width:120px; height:120px; margin-right:9px;}
.secondaryimage {border:1px solid #404040; border-bottom:none; width:60px; height:60px; float:right; margin-left:9px;}
.tertaryimage {border:1px solid #404040; border-top:none; width:60px; height:60px; float:right; margin-left:9px;}

.listcaract {width:300px;}

.listcaract {width:100%;}